export default{
  
  // 为当前模块开启命名空间
  namespaced:true,
  
  // 模块的state数据
  state:()=>({
    // 购物车的数组，用来存储购物车中每一个商品的信息对象
    // 每个商品的信息对象，都包含如下6个属性
    // {goods_id,goods_name,goods_price,goods_count,goods_small_logo,goods_state}
    cart:JSON.parse(uni.getStorageSync('cart')||'[]') 
  }),
  // 模块的mutations
  mutations:{
    addToCart(state,goods){
      // 根据提交的商品的ID，查询购物车中是否存在这件商品
      // 如果不存在，则findResult为undefined否则，为查到商品的对象
      const findResult = state.cart.find((x)=>x.goods_id === goods.goods_id)
      if(!findResult){
        // 如果购物车中没有这件商品，则直接push
        state.cart.push(goods)
      }else{
        // console.log(findResult);
        // 如果已经有了这件商品，更新数量
        findResult.goods_count++
      }
      // 持久化存储此状态
      this.commit('m_cart/saveToStorage')
    },
    // 持久化存储
    saveToStorage(state){
      uni.setStorageSync('cart',JSON.stringify(state.cart))
    },
    
    // 更新购物车勾选状态的方法
    updataGoodsState(state,goods){
      // 根据goods_id查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      
      // 对应有的商品信息对象
      if(findResult){
        // 更新对应商品的勾选状态
        findResult.goods_state = goods.goods_state
        // 持久化存储此状态
        this.commit('m_cart/saveToStorage')
      }
    },
    // 更新购物车中商品的数量
    updataGoodsCount(state,goods){
      // 根据goods_id查询购物车中对应的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if(findResult) {
        // 更新对应商品的数量
        findResult.goods_count = goods.goods_count
        // 持久化存储此状态
        this.commit('m_cart/saveToStorage') 
      }
    },
    
    // 删除的操作
    removeGoodsById(state,goods_id){
      // 调用数组的filter方法进行过滤
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      // 持久化存储此状态
      this.commit('m_cart/saveToStorage') 
    },
    
    // 全选按钮的操作
    updataAllGoodsState(state,newState){
      // 循环更新购物车中每件商品的勾选状态
      state.cart.forEach(x => x.goods_state = newState)
    },
    
    
  },
  // 模块的getters
  getters:{
    // 统计购物车中商品的总数量
    total(state){
      // let c = 0
      // // 循环统计商品的数量，累加到变量c中
      // state.cart.forEach(goods =>  c += goods.goods_count )
      // return c
      return state.cart.reduce((total,item)=>total += item.goods_count,0)
    },
    // 统计勾选商品的总数量
    checkedCount(state){
      // 先使用filter方法，从购物车中过滤已勾选的商品
      // 再使用reduce方法，将已勾选的商品的总量进行累加
      // reduce()的返回值就是已勾选的商品的总量
      return state.cart.filter(x => x.goods_state).reduce((total,item) => total +=item.goods_count,0)
    },
    
    // 动态渲染已勾选商品的总价格
    checkedGoodsAmount(state){
      // 先使用filter方法，从购物车中过滤已勾选商品
      // 再使用reduce方法，将已勾选的商品的数量*单价之后，进行累加
      // reduce()的返回值就是已勾选的商品的价格总和
      // 最后调用toFixed()方法，保留2位小数
      return state.cart.filter(x => x.goods_state).reduce((total,item) => total += item.goods_count * item.goods_price,0).toFixed(2)
    }
  }
}